/*! 
 * jquery.ux.button.css - http://jquery-ux.com/
 * Copyright (c) 2010 Michael Helgeson, Three Dub Media
 * Open Source MIT License - http://jquery-ux.com/license 
 */

/* table container */
.ux-button {
	margin: 0;
	border: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
	vertical-align: middle;
	cursor: default;
	outline: none;
	font: 10px verdana, arial, sans-serif;
	color: #000;
	display: inline-table;
	}

.ux-button tr,
.ux-button td {
	padding: 0;
	margin: 0;
	border: 0;
	}
	
/* top and bottom borders */
.ux-button-NW,
.ux-button-N,
.ux-button-NE,
.ux-button-SW,
.ux-button-S,
.ux-button-SE {
	height: .1em;
	line-height: .1em;
	}

/* left and right borders */
.ux-button-NW,
.ux-button-W,
.ux-button-SW,
.ux-button-NE,
.ux-button-E,
.ux-button-SE {
	width: .1em;
	line-height: .1em;
	}	

/* all borders */
.ux-button-N,
.ux-button-E,
.ux-button-W,
.ux-button-S,
.ux-button-NW,
.ux-button-NE,
.ux-button-SW,
.ux-button-SE {
	background: #707070;
	}

/* corner borders */	
.ux-button-NW,
.ux-button-NE,
.ux-button-SW,
.ux-button-SE {
	filter: alpha(opacity=10);
	-moz-opacity: 0.10;
	opacity: 0.10;
	}
	
/* inside */
.ux-button-C {
	width: auto;
	height: auto;
	}
.ux-button-inside {
	position: relative;
	background: #DDD;
	border: .1em solid #FFF;
	overflow: hidden;
	}
	
/* shadow bg */
.ux-button-behind {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 42%;
	overflow: hidden;
	background: #EEE;
	border-bottom: 0.2em solid #E4E4E4;
	}
/* content */
.ux-button-content {
	position: relative;
	padding: 0 .6em;
	text-align: center;
	vertical-align: middle;
	line-height: 1.8em;
	white-space: nowrap;
	}
/* hidden input that gets focus */
.ux-button-hidden {
	position: absolute;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height: 1px;
	width: 1px;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	border: 0;
	}
/* focused text input */
.ux-button-text-input {
	position: absolute;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	height: 1.6em;
	width: 100%;
	top: 0;
	left: 0;
	padding: .3em 0;
	margin: 0;
	border: 0;
	background: #FFF;
	color: #000;
	font: 10px verdana, arial, sans-serif;
	line-height: 2em;
	text-align: center;
	}
	
/* :hover */
.ux-button-hover .ux-button-NW,
.ux-button-hover .ux-button-N,
.ux-button-hover .ux-button-NE,
.ux-button-hover .ux-button-W,
.ux-button-hover .ux-button-E,
.ux-button-hover .ux-button-SW,
.ux-button-hover .ux-button-S,
.ux-button-hover .ux-button-SE {
	background-color: #3c7fb1;
	}
.ux-button-hover .ux-button-behind {
	background: #d9f0fc;
	border-color: #cdecfd;
	}
.ux-button-hover .ux-button-inside {
	background: #b9e3fb;
	border-color: #48d8fb !important;
	}

/* :focus */
.ux-button-focus .ux-button-NW,
.ux-button-focus .ux-button-N,
.ux-button-focus .ux-button-NE,
.ux-button-focus .ux-button-W,
.ux-button-focus .ux-button-E,
.ux-button-focus .ux-button-SW,
.ux-button-focus .ux-button-S,
.ux-button-focus .ux-button-SE {
	background-color: #3c7fb1;
	}
.ux-button-focus .ux-button-inside {
	border-color: #48d8fb !important;
	}	

/* :checked */
.ux-button-checked .ux-button-behind {
	background: #888;
	border-color: #919191;
	}
.ux-button-checked .ux-button-inside {
	background: #999;
	border-color: #AAA;
	color: #FFF;
	}

/* :active */
.ux-button-active .ux-button-behind {
	background: #DDD;
	border-color: #E4E4E4;
	}
.ux-button-active .ux-button-inside {
	background: #EEE;
	}

/* :disabled */
.ux-button-disabled .ux-button-behind {
	background-color: #FFF;
	border-color: #F7F7F7;
	}
.ux-button-disabled .ux-button-inside {
	background-color: #EEE;
	border-color: #FFF;
	color: #888;
	}	
.ux-button-disabled .ux-button-NW,
.ux-button-disabled .ux-button-N,
.ux-button-disabled .ux-button-NE,
.ux-button-disabled .ux-button-W,
.ux-button-disabled .ux-button-E,
.ux-button-disabled .ux-button-SW,
.ux-button-disabled .ux-button-S,
.ux-button-disabled .ux-button-SE {
	background-color: #999;
	}